<div id="TEMPLATE_LABEL_">
    <section class="b-d8">
        <div>
            <div class="comm-title no-top-tit comm-title-3">
                <section class="container">
                    <header class="clearfix">
                        <h2 class="unFw hLh40 pb10 tac">
                            <span class="disIb fsize30 f-fM c-blue">${TEMPLATE_TITLE!''}</span>
                        </h2>
                    </header>
                </section>
            </div>
            <#if (WEBSITE_IMAGES_LIST?size>0)>
                <div class="us-main">
                    <section class="container">
                        <div class="d6-slider">
                            <section>
                                <#-- 循环层数-->
                                    <#assign layerNum="${ (WEBSITE_IMAGES_LIST?size %4 == 0 ) ?string((WEBSITE_IMAGES_LIST?size/4)?int,(WEBSITE_IMAGES_LIST?size/4 + 1)?int)}">
                                        <#if (layerNum?number>1)>
                                            <!-- 如果需要导航按钮 -->
                                            <a class="arrow-left s-arrow" href="#">&lt;</a>
                                            <a class="arrow-right s-arrow" href="#">&gt;</a>
                                        </#if>
                                <!-- 图片位置 -->
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                            <#list 1..layerNum?number as layerOutIndex>
                                                <div class="swiper-slide">
                                                    <div class="demo-list4">

                                                        <ul class="clearfix">
                                                            <#list WEBSITE_IMAGES_LIST as websiteImage>
                                                                <#if ( (websiteImage_index+1)>=(layerOutIndex_index*4+1) ) && ( (websiteImage_index+1)<=(layerOutIndex_index+1)*4 )>
                                                                    <li>
                                                                        <div class="de-l4-warp d6-f-infor">
                                                                            <a href="${websiteImage.linkAddress!''}" class="pic">
                                                                                <img src="${ctx}${websiteImage.imagesUrl}">
                                                                            </a>
                                                                            <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                                <a href="${websiteImage.linkAddress!''}" class="fsize16 c-333">${websiteImage.title}</a>
                                                                            </h4>
                                                                            <section class="mt10 d6-fl-txt ml10 mr10">
                                                                                <#if websiteImage.describe??>
                                                                                <#list ("${websiteImage.describe}")?split("|") as describe>
                                                                                    <#if describe_index=0>
                                                                                    <p>${describe}</p>
                                                                                    </#if>
                                                                                </#list>
                                                                                </#if>
                                                                            </section>
                                                                            <#if websiteImage.describe??>
                                                                            <#list ("${websiteImage.describe}")?split("|") as describe>
                                                                                <#if describe_index=1>
                                                                                    <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">${describe}</p>
                                                                                </#if>
                                                                            </#list>
                                                                            </#if>
                                                                        </div>
                                                                    </li>
                                                                </#if>
                                                            </#list>
                                                        </ul>
                                                    </div>

                                                </div>
                                            </#list>

                                        <#-- 注释开始
                                            <div class="swiper-slide">
                                                <div class="demo-list4">
                                                    <ul class="clearfix">
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="demo-list4">
                                                    <ul class="clearfix">
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="de-l4-warp d6-f-infor">
                                                                <a href="" class="pic">
                                                                    <img xsrc="/template/templet1/images/pic/c-1.jpg" src="/template/templet1/images/pic/c-1.jpg">
                                                                </a>
                                                                <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                                                    <a href="" class="fsize16 c-333">高中教师资格证—笔试全程班</a>
                                                                </h4>
                                                                <section class="mt10 d6-fl-txt ml10 mr10">
                                                                    <p>我们特意绘制了让您用于学习的结构表，状元学员的笔记，帮你充分理解金融投资</p>
                                                                </section>
                                                                <p class="hLh30 fsize12 c-999 f-fM tar ml10 mr10">2016-10-12</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                    注释结束 -->
                                    </div>
                                </div>
                                <!--  如果需要分页器 -->
                                <div class="pagination"></div>
                                <!-- /index slide -->
                            </section>
                        </div>
                    </section>
                </div>
            </#if>
        </div>
    </section>
</div>